<template>
	<view class="div">
		<view class="img" @click="toPage(goodlist.objectId)">
	
		<img  class="image" :src="goodlist.image"/>
		</view>
		<view class="textsp">
			{{goodlist.xiangqing}}
			<br />
			<span class="jp">¥</span><span class="jp2">{{goodlist.price}}</span>
		</view>
		

	</view>
</template>

<script>
	export default {
		name:'sp',
		props:['goodlist'],
		data() {
			return {
				
			}
		},
		methods: {
			
			toPage(item){
				console.log(item)
				
				
				  // 用户已经登录，执行相关操作
				  // console.log("一登陆")
				 uni.navigateTo({
				 	url:`../zhanshi/zhanshi?id=`+item
				 })
				  
				
				
				
				
			}
		}
	}
</script>

<style>
	
	.div{
		background-color: white;
		width: 46vw;
		margin-top: 2vw;
		/* display: inline-block; */
		border-radius: 5%;
		box-shadow: 0 0 5px 1px #999  ;
		/* border: 1px solid red; */
	}
.img{
	/* float: left; */
	
	
	
}
.image{
	width: 100%;
	height: 46vw;
	border-radius: 5%;
}
.textsp{
	width: 100%;
	height: 20vw;
	margin-left: 8px;
	 text-overflow: ellipsis;
	 font-size: 4vw;

}
.jp{
		font-size: 2vw;
			color: red;
	}
	.jp2{
			color: red;
	}
</style>
